<script src="{$base_dir}js/jquery.tablesorter.pager.js" type="text/javascript" ></script>
<script type="text/javascript" src="{$base_dir}js/selectboxes.js"></script>
<script src="{$base_dir}js/admin/AJAX_ServiceGroup.js" type="text/javascript"></script>
<script type="text/javascript">
{literal}
	$(document).ready(function() {
		activeMenu('52', '72');
		loadPage('pageContent', 'ServiceGroupListAjax');
	});
{/literal}
</script>

<div class='nav_left' style='width: 650px;'>
	<div class='nav_right'>
		<div class='nav_bg'>
			<a class="active" href="javascript:loadPage('pageContent', 'ServiceGroupListAjax', '')">{translate}Add service group{/translate}</a>
			<a href="javascript:loadPage('pageContent', 'MapServiceGroupAjax', '')">{translate}Add services into group{/translate}</a>			
			<a class="last" href="javascript:loadPage('pageContent', 'MapServiceRoleAjax', '')">{translate}Add services (paid by roles){/translate}</a>
		</div>
	</div>
</div>
<div id="barLoading" style="display:none;">
        <img src="{$base_uri}images/ajax-loader.gif"/>
</div>
<div id='pageContent' style='display: none;'>
</div>

